|
第1章 熟悉 Axure RP 9
1.1 关于Axure RP 9 1
1.2 Axure 的主要功能 3
1.3 Axure RP 9的安装与启动 5
1.3.1 下载Axure RP 9 5
1.3.2 应用案例——安装Axure RP 9 5
1.3.3 汉化与启动Axure RP 9 6
1.4 Axure RP 9的操作界面 7
1.4.1 菜单栏 7
1.4.2 工具栏 9
1.4.3 功能区 11
1.4.4 工作区 14
1.5 Axure RP 9的帮助资源 14
1.6 查看视图 15
应用案例——查看视图 15
1.7 标尺 16
1.8 辅助线 16
1.8.1 辅助线的分类 16
1.8.2 编辑辅助线 17
1.8.3 创建辅助线 19
1.8.4 应用案例——创建辅助线 19
1.8.5 设置辅助线 20
1.9 网格 21
1.9.1 显示网格 21
1.9.2 网格设置 21
1.10 设置遮罩 21
1.11 对齐/分布对象 22
1.11.1 对齐对象 22
1.11.2 分布对象 23
1.12 答疑解惑 23
1.12.1 产品原型设计 24
1.12.2 Axure在产品原型制作中的主要应用 24
1.13 总结扩展 24
1.13.1 本章小结 24
1.13.2 扩展练习——卸载Axure RP 9 25
第2章 Axure RP 9的基本操作
2.1 新建文件 26
2.1.1 新建Axure文件 26
2.1.2 应用案例——新建iPhone 11 Pro尺寸的原型文件 26
2.1.3 纸张尺寸与设置 27
2.1.4 新建团队项目文件 28
2.2 存储文件 28
2.2.1 保存文件 29
2.2.2 另存文件 29
2.2.3 存储格式 29
2.3 自动备份 30
2.3.1 启动自动备份 30
2.3.2 从备份中恢复 30
2.4 打开文件 31
2.4.1 打开文件的方法 31
2.4.2 打开团队项目 32
2.5 从RP文件导入 32
2.5.1 使用“从RP文件导入”命令 32
2.5.2 应用案例——导入RP文件素材 32
2.6 对象的操作 33
2.6.1 选择对象 33
2.6.2 移动和缩放对象 34
2.6.3 旋转对象 35
2.6.4 复制对象 35
2.6.5 剪切和删除对象 37
2.7 还原与恢复 37
2.7.1 撤销 37
2.7.2 重做 37
2.8 答疑解惑 38
2.8.1 欢迎界面中的链接入口 38
2.8.2 导览文件和最近编辑文件 38
2.9 总结扩展 39
2.9.1 本章小结 39
2.9.2 扩展练习——通过复制的方法制作水平导航 39
第3章 页面管理
3.2 管理页面 40
3.2.1 添加页面 40
3.2.2 重命名页面 42
3.2.3 移动页面 43
3.2.4 查找页面 43
3.3 编辑页面 43
3.3.1 使用页面编辑区 44
3.3.2 页面样式 44
3.3.3 页面说明 48
3.4 自适应视图 50
3.4.1 设置自适应视图 51
3.4.2 应用案例——添加自适应视图 52
3.5 图表类型 53
3.6 生成流程图 53
3.6.1 生成流程图的方法 53
3.6.2 应用案例——生成流程图 54
3.7 绘画工具 54
3.7.1 绘制图形 54
3.7.2 转换锚点类型 55
3.7.3 编辑绘画工具 56
3.7.4 应用案例——使用绘画工具绘制图形 57
3.8 组合对象 58
3.8.1 组合对象的方法 58
3.8.2 取消组合 59
3.9 锁定对象 59
3.10 隐藏对象 60
3.11 答疑解惑 61
3.11.1 保留页面文件的旧版本 61
3.11.2 如何处理原型中的文字在不同浏览器上效果不一样的情况？ 62
3.12 总结扩展 62
3.12.1 本章小结 62
3.12.2 扩展练习——使用元件制作一个标签面板 63
第4章 使用元件
4.1 “元件”面板 64
4.2 基本元件 65
4.2.1 矩形 65
4.2.2 图片 66
4.2.3 占位符 68
4.2.4 按钮 68
4.2.5 标题 68
4.2.6 文本标签和文本段落 69
4.2.7 应用案例——制作商品购买页 69
4.2.8 水平线和垂直线 70
4.2.9 热区 70
4.2.10 动态面板 71
4.2.11 应用案例——使用动态面板显示隐藏对象 73
4.2.12 内联框架 74
4.2.13 中继器 75
4.2.14 应用案例——使用中继器制作活动列表页 75
4.3 表单元件 76
4.3.1 文本框 76
4.3.2 文本域 77
4.3.3 下拉列表 78
4.3.4 列表框 79
4.3.5 复选框 79
4.3.6 单选按钮 80
4.3.7 应用案例——制作淘宝会员登录页 80
4.4 菜单|表格元件 81
4.4.1 树 81
4.4.2 应用案例——美化树状菜单的图标 82
4.4.3 表格 83
4.4.4 水平菜单 84
4.4.5 垂直菜单 85
4.5 标记元件 86
4.5.1 快照 86
4.5.2 水平箭头和垂直箭头 87
4.5.3 便签 87
4.5.4 圆形标记和水滴标记 88
4.6 流程图 88
4.6.1 矩形和矩形组 89
4.6.2 应用案例——设计制作手机产业流程图 89
4.6.3 圆角矩形和圆角矩形组 90
4.6.4 斜角矩形和菱形 90
4.6.5 文件和文件组 90
4.6.6 括弧 91
4.6.7 半圆形 91
4.6.8 三角形 91
4.6.9 梯形 91
4.6.10 椭圆形 92
4.6.11 六边形 92
4.6.12 平行四边形 92
4.6.13 角色 92
4.6.14 数据库 92
4.6.15 快照 92
4.6.16 图片 92
4.6.17 新增流程图元件 93
4.7 图标元件 93
4.8 Sample UI Patterns 94
4.8.1 按功能分组 94
4.8.2 应用案例——制作手风琴效果的展示图片 95
4.9 答疑解惑 96
4.9.1 如何制作树状菜单元件的图标 96
4.9.2 尽量用一个元件完成功能 96
4.10 总结扩展 96
4.10.1 本章小结 96
4.10.2 扩展练习——设计制作注册页原型 97
第5章 元件的属性与样式
5.1 元件的转换 98
5.1.1 转换为形状 98
5.1.2 转换为图片 99
5.2 元件的属性 99
5.2.1 元件说明 100
5.2.2 编辑元件 100
5.2.3 元件的运算 101
5.2.4 应用案例——制作八卦图形 102
5.2.5 元件提示 103
5.3 元件的样式 104
5.3.1 位置和尺寸 104
5.3.2 不透明性 104
5.3.3 排版 105
5.3.4 填充 108
5.3.5 线段 111
5.3.6 阴影 113
5.3.7 圆角 113
5.3.8 边距 114
5.3.9 应用案例——为商品列表添加样式 114
5.3.10 数据集 115
5.4 创建和管理样式 116
5.4.1 创建元件样式 116
5.4.2 应用案例——创建元件样式 117
5.4.3 应用案例——应用元件样式 118
5.4.4 样式的编辑与修改 119
5.5 格式刷 120
5.5.1 使用“格式刷”命令 120
5.5.2 应用案例——使用格式刷为表格添加样式 121
5.6 元件的管理 121
5.7 答疑解惑 122
5.7.1 制作页面前的准备工作 122
5.7.2 使用字体图标而不是图片 123
5.8 总结扩展 123
5.8.1 本章小结 123
5.8.2 扩展练习——制作热门车型列表页 123
第6章 母版与第三方元件库
6.1 母版的概念 125
6.1.1 母版的应用 125
6.1.2 使用母版的好处 126
6.2 “母版”面板 126
6.2.1 添加母版 126
6.2.2 添加文件夹 127
6.2.3 查找母版 127
6.3 创建与编辑母版 128
6.3.1 创建母版 128
6.3.2 应用案例——新建iOS系统母版 128
6.3.3 创建子母版 129
6.3.4 应用案例——新建iOS系统布局母版 129
6.3.5 删除母版 130
6.4 转换为母版 130
6.5 母版的使用情况 131
6.5.1 拖放行为 131
6.5.2 添加到页面中 134
6.5.3 从页面中移除 135
6.5.4 使用情况报告 135
6.6 使用第三方元件库 135
6.6.1 下载元件库 135
6.6.2 载入元件库 136
6.6.3 移除元件库 137
6.7 创建元件库 137
6.7.1 了解元件库界面 137
6.7.2 应用案例——创建图标元件库 138
6.7.3 元件库的图标样式 139
6.7.4 编辑元件库 139
6.7.5 添加图片文件夹 140
6.8 答疑解惑 140
6.8.1 不要复制对象，而是转换为母版 140
6.8.2 如何将较大的组合转换为母版 141
6.9 总结扩展 141
6.9.1 本章小结 141
6.9.2 扩展练习——创建微信元件库 141
第7章 简单交互设计
7.1 了解“交互”面板 142
7.2 页面交互基础 143
7.2.1 页面交互事件 143
7.2.2 打开链接 144
7.2.3 应用案例—— 打开页面链接 145
7.2.4 关闭窗口 146
7.2.5 在框架中打开链接 146
7.2.6 滚动到元件 147
7.3 元件交互基础 147
7.3.1 元件交互事件 147
7.3.2 显示/隐藏 148
7.3.3 应用案例——设计制作显示/隐藏图片 150
7.3.4 应用案例——为“动态面板”元件添加样式 151
7.3.5 应用案例——制作轮播图 152
7.3.6 设置文本 152
7.3.7 设置面板状态 153
7.3.8 应用案例——为元件添加文本 154
7.3.9 应用案例—— 制作按钮交互状态 154
7.3.10 设置选中 155
7.3.11 启用/禁用 156
7.3.12 移动 156
7.3.13 应用案例——设计制作切换案例 156
7.3.14 旋转 157
7.3.15 应用案例——制作抽奖幸运转盘 157
7.3.16 设置尺寸 158
7.3.17 置于顶层/底层 158
7.3.18 设置不透明 158
7.3.19 获取焦点 159
7.3.20 展开/收起树节点 159
7.4 设置交互样式 159
7.4.1 为元件设置交互样式 159
7.4.2 应用案例——为元件设置交互样式 160
7.4.3 应用案例——制作动态按钮 161
7.5 答疑解惑 161
7.5.1 如何通过“动态面板”实现焦点图片效果 161
7.5.2 使用“设置尺寸”动作完成进度条的制作 162
7.6 总结扩展 163
7.6.1 本章小结 163
7.6.2 扩展练习—— 设计与制作按钮交互样式 163
第8章 高级交互设计
8.1 变量 164
8.1.1 全局变量 164
8.1.2 应用案例——使用全局变量 165
|